<template>
	<view>
		<view class="list_1">
			<view class="list_2 flex">
				<view class="zuo_1 flex">
					<view class="you_2" v-for="(item,index) in list">
						<p class="duiwu">{{item.title1}}</p>
					</view>
				</view>
				<view class="you_1">
					15:32
				</view>
			</view>
		</view>
		<view class="list_1">
			<view class="list_2 flex">
				<view class="zuo_1 flex">
					<view class="you_2" v-for="(item,index) in list">
						<p class="duiwu">{{item.title1}}</p>
					</view>
				</view>
				<view class="you_1">
					13:32
				</view>
			</view>
		</view>
		<view class="list_1">
			<view class="list_2 flex">
				<view class="zuo_1 flex">
					<view class="you_2" v-for="(item,index) in list">
						<p class="duiwu">{{item.title1}}</p>
					</view>
				</view>
				<view class="you_1">
					09/09 15:13
				</view>
			</view>
		</view>
		<view class="list_1">
			<view class="list_2 flex">
				<view class="zuo_1 flex">
					<view class="you_2" v-for="(item,index) in list">
						<p class="duiwu">{{item.title1}}</p>
					</view>
				</view>
				<view class="you_1">
					09/09 15:13
				</view>
			</view>
		</view>
		<view class="list_1">
			<view class="list_2 flex">
				<view class="zuo_1 flex">
					<view class="you_2" v-for="(item,index) in list">
						<p class="duiwu">{{item.title1}}</p>
					</view>
				</view>
				<view class="you_1">
					09/09 15:13
				</view>
			</view>
		</view>
		<view class="list_1">
			<view class="list_2 flex">
				<view class="zuo_1 flex">
					<view class="you_2" v-for="(item,index) in list">
						<p class="duiwu">{{item.title1}}</p>
					</view>
				</view>
				<view class="you_1">
					09/09 15:13
				</view>
			</view>
		</view>
		<view class="list_1">
			<view class="list_2 flex">
				<view class="zuo_1 flex">
					<view class="you_2" v-for="(item,index) in list">
						<p class="duiwu">{{item.title1}}</p>
					</view>
				</view>
				<view class="you_1">
					09/09 15:13
				</view>
			</view>
		</view>	
	</view>
</template>

<script>
	export default {
		data(){
			return {
				list: [{
				  title1: '微信运步数', 
				 }
				 
				],
			}
		}
	}
</script>

<style>
	.flex{display: flex;justify-content: space-between;}
	.header{background-color: red;margin-top: -20px;height: 500rpx;}
	.person{width:240rpx;height: 240rpx;border-radius: 240rpx;background-color: aliceblue;margin: 0 auto;}
	.btn_1 button{width: 50%;margin-top: 20px;background-color: aquamarine;color: darkseagreen;margin-bottom: 50px;}
	.list_1{width: 80%;margin: 0 auto;margin-top: 20px;border-bottom: 2px solid #ccc;padding-bottom: 10px;}
</style>